<template>
  <div class="content">
    <div class="search">
      <van-field v-model="value1" right-icon="search" placeholder="请输入搜索关键词" />
    </div>
    <div class="cardList">
      <div class="cardHead">
        <div class="name">张三 | 男</div>
        <div class="number">借贷:五十万元整</div>
      </div>
      <div class="textList">手机号码<span style="margin-left: 22px;">13661725639</span></div>
      <div class="textList">证件信息<span style="margin-left: 22px;">1504041992023451367</span></div>
      <img class="appOk" src="../../../static/appOk.png" alt="" />
    </div>
  </div>
</template>

<script>
  import {
    baseApi
  } from '@/config'
  export default {
    name: "approvalList",
    data() {
      return {
        value1: ''
      };
    },
    mounted() {},
    methods: {},
  };
</script>

<style scoped lang="scss">
  .content {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;

    .van-cell {
      width: 337px;
      height: 33px;
      line-height: 33px !important;
      box-shadow: 0 0 2px rgba(0, 0, 0, .5);
      border-radius: 25px;
      margin: 22px auto 0;
      padding: 0 17px;
    }

    .cardList {
      width: 337px;
      height: 120px;
      box-shadow: 0 0 2px rgba(0, 0, 0, .5);
      border-radius: 5px;
      margin: 20px auto 0;
      box-sizing: border-box;
      padding: 0 19px;
      overflow: hidden;
      position: relative;
      .cardHead {
        display: flex;
        align-items: center;
        margin-top: 13px;
        justify-content: space-between;
        .name{
          font-size: 18px;
          color: #333333;
        }
        .number{
          font-size: 16px;
          color: #2080FF;
        }
      }
      .textList{
        margin-top: 12px;
        font-size: 16px;
        color: #333333;
      }
      .appOk{
        position: absolute;
        top: 45px;
        left: 275px;
        width: 58px;
        height: 58px;
        display: block;
      }
    }
  }
</style>
